<!DOCTYPE html>
<html>
<head>
    <title>{% block title %}CPGC智能助理{% endblock %}</title>

    <!--引入公共css-->
    <link rel="stylesheet" href="{% static 'css/home.css' %}">

    <!--子页面可以在这里插入自己的CSS-->
    {% block extra_css %} {% endblock %}
</head>
<body>
<div class="container">
    <!-- ==============左边导航栏  所有页面共用===================-->
    <div class="sidebar" >
            <div class="nav-item" >
                <img src="{% static 'image/chat-dots.svg' %}" alt="Folder Icon" class="folder-icon" >
                <a href="{% url 'chat' %}">聊天</a>
            </div>
            <div class="nav-item" >
                <img src="{% static 'image/pc-display.svg' %}" alt="Folder Icon" class="folder-icon">
                 <a href="{% url 'knowbase-list_html' %}">工作台</a>
            </div>
             <div class="nav-item" >
                <img src="{% static 'image/journal-bookmark-fill.svg' %}" alt="Folder Icon" class="folder-icon">
                <a href="{% url 'rag'  %}">知识库</a>
             </div>
            <div class="nav-item" >
                <img src="{% static 'image/person-circle.svg' %}" alt="Folder Icon" class="folder-icon">
                <a href="#">账号</a>
            </div>
    </div>


    <!-- ==================主页内容（每个页面不同）==============-->
    <div class="main-content">
        <!-- 这里会被子页面替换 -->
        {% block content %}
        {% endblock %}
    </div>
</div>
<!--子页面可以在这里插入自己的JS-->
 {% block extra_js %}{% endblock %}
</body>
</html>